<template>
	<z-paging ref="paging" v-model="dataList" @query="queryList">
		<view class="u-p-30">
			<view class="u-flex u-row-between u-col-center u-p-30 u-type-white-bg u-radius-10 u-m-b-20" v-for="(item,index) in dataList" :key="item.id" @click="$u.route('/pages/user/answerRecord/detail?record_id='+item.id)">
				<view class="u-font-bold">答题时间：{{item.create_time | date('yy-mm-dd hh:MM:ss')}}</view>
				<u-icon name="arrow-right" color="#999999"></u-icon>
			</view>
		</view>
	</z-paging>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [],
			};
		},
		onLoad(){
		},
		methods: {
			//请求数据
			queryList(pageNo, pageSize) {
				//这里的pageNo和pageSize会自动计算好，直接传给服务器即可
				//这里的请求只是演示，请替换成自己的项目的网络请求，并在网络请求回调中通过this.$refs.paging.complete(请求回来的数组)将请求结果传给z-paging
				this.$u.api.findAmAnswerList({
					page: pageNo
				}).then(res => {
					//请勿在网络请求回调中给dataList赋值！！只需要调用complete就可以了
					this.$refs.paging.complete(res.data.data);
				}).catch(res => {
					//如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
					//注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
					//在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
					this.$refs.paging.complete(false);
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	.ranking{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		font-size: 20rpx;
	}
	.fontColor{
		color: #F4B438;
	}
</style>